<%@ page import="com.springx.modules.utils.Encodes" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
    <title>Web 演示</title>
    <%
        String remoteImageUrl = "http://"+request.getServerName()+":"+request.getServerPort()+"/"+request.getContextPath()+"/resources/images/logo.jpg";
        String encodedImageUrl = Encodes.urlEncode(remoteImageUrl);
    %>
</head>
<body>

<div class="row">
    <div class="col-xs-12">
        <div class="page-header">
             <h1>WEB演示</h1>
        </div>
        <table id="simple-table" class="table table-striped table-bordered table-hover">
            <thead>
            <tr>
                <th class="center">功能</th>
                <th class="center">效果描述</th>
                <th class="center">演示</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td>
                    静态内容Servlet, 演示高效读取静态内容, 控制客户端缓存, 压缩传输, 弹出下载对话框, 见StaticContentServlet.
                </td>
                <td><img src="${ctx}/static-content?contentPath=resources/images/logo.jpg"/> </td>
                <td><a href="${ctx}/static-content?contentPath=resources/images/logo.jpg&download=true">图片下载链接</a></td>

            </tr>

            <tr>


                <td>
                    远程内容Servlet, 演示使用两种http client多线程高效获取远程网站内容, 见RemoteContentServlet.
                </td>
                <td><img src="${ctx}/remote-content?client=apache&contentUrl=<%=encodedImageUrl%>"/> Apache HttpClient.</td>
                <td></td>


            </tr>

            <tr>


                <td>
                    CacheControlHeaderFilter为静态内容添加缓存控制 Header.
                </td>
                <td></td>
                <td></td>


            </tr>

            <tr>


                <td>
                    YUI Compressor 压缩js/css,见bin/yuicompressor.bat命令及webapp中两个版本的js/css文件
                </td>
                <td></td>
                <td></td>


            </tr>


            </tbody>
        </table>
    </div><!-- /.span -->
</div><!-- /.row -->



<!-- page specific plugin scripts -->
<c:import url="../common/dataTable.jsp"/>
</body>